<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>修改密码 </title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <!--<link href="css/nprogress.css" rel="stylesheet">-->
		<link href="css/button.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="css/custom.min.css" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div  id="head">
          
        </div>

        <!-- top navigation -->
        <div class="top_nav" id="nav">
          
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>修改密码</h3>
              </div>

              
            </div>
            <div class="clearfix"></div>

            <div class="row">

              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  
                  <div class="x_content">


                    <!-- Smart Wizard -->
                    <div id="wizard" class="form_wizard wizard_horizontal">
                      <ul class="wizard_steps">
                        <li>
                          <a href="#step-1">
                            <span class="step_no">1</span>
                            <span class="step_descr">
                                              填写账号<br />
                                          </span>
                          </a>
                        </li>
                        <li>
                          <a href="#step-2">
                            <span class="step_no">2</span>
                            <span class="step_descr">
                                              身份验证<br />
                                          </span>
                          </a>
                        </li>
                        <li>
                          <a href="#step-3">
                            <span class="step_no">3</span>
                            <span class="step_descr">
                                             设置新密码<br />
                                          </span>
                          </a>
                        </li>
                        <li>
                          <a href="#step-4">
                            <span class="step_no">4</span>
                            <span class="step_descr">
                                              完成<br />
                                          </span>
                          </a>
                        </li>
                      </ul>
                      <div id="step-1" style="height: 200px;font-size: 20px;">
                        <form class="form-horizontal form-label-left" >
                          <div class="form-group" style="margin-left: 350px;">
                            <label  class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name" >用户名 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                              <input type="text" id="first-name" required="required" >
                            </div>
                          </div>
                          <div class="form-group" style="margin-left: 350px;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">密码 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input type="password" id="last-name" name="last-name" required="required" >
                            </div>
                          </div>
                          <div class="form-group" style="margin-left: 350px;">
                            <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">确认密码 <span class="required">*</span></label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input id="middle-name"  type="password" name="middle-name">
                            </div>
                          </div>
                          
                        </form>

                      </div>
                      <div id="step-2" style="height: 200px;font-size: 20px;">
                        <form class="form-horizontal form-label-left">
                          <div class="form-group" style="margin-left: 350px;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">请输入您的手机号码 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input type="tel" id="first-name" required="required" >
                            </div>
                          </div>
                          <div class="form-group" style="margin-left: 350px;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">请输入短信验证码 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input type="text"  required="required" >
															&nbsp;&nbsp;&nbsp;&nbsp;
															<button type="buttonlw" id="button1lw">获取验证码</button>
                            </div>
                          </div>
                        </form>
                      </div>
                      <div id="step-3" style="height: 200px;font-size: 20px;">
                        <form class="form-horizontal form-label-left">
                          <div class="form-group" style="margin-left: 350px;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">请设置新密码 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input type="password" id="first-name" required="required" >
                            </div>
                          </div>
                          <div class="form-group" style="margin-left: 350px;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">请确认密码 <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <input type="password"  required="required" >
                            </div>
                          </div>
                        </form>
                      </div>
                      <div id="step-4" style="height: 200px;font-size: 30px;">
                        <form class="form-horizontal form-label-left">
                          <div class="form-group" >
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name" style="width: 60%;">已完成密码修改
                            </label>
                          </div>
                          
                        </form>
                      </div>

                    </div>
                    <!-- End SmartWizard Content -->





                   
        <!-- /page content -->

        <!-- footer content -->
       
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="js/fastclick.js"></script>
    <!-- NProgress -->
    <script src="js/nprogress.js"></script>
    <!-- jQuery Smart Wizard -->
    <script src="js/jquery.smartWizard.js"></script>
    <!-- Custom Theme Scripts -->
    <script src="js/custom.min.js"></script>

    <!-- jQuery Smart Wizard -->
    <script>
      $(document).ready(function() {
				$("#head").load("head.html");
        $('#wizard').smartWizard();

        $('#wizard_verticle').smartWizard({
          transitionEffect: 'slide'
        });

        $('.buttonNext').addClass('btn btn-success');
        $('.buttonPrevious').addClass('btn btn-primary');
        $('.buttonFinish').addClass('btn btn-default');
      });
    </script>
    <!-- /jQuery Smart Wizard -->
  </body>
</html>